
@charset "utf-8";
/*reset start*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}
body{font-family:"微软雅黑",arial,sans-serif; background:#e6e6e6; font-size: 14px;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;font-style: normal;font-weight: normal;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{color:#333;outline:0;}
body *{-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}
* html .clearfix{height:1%;}
input,textarea,select{outline: none; -webkit-appearance:none;}
.clearOver{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.center{text-align:center;}
.weui-toast{
	min-height:0 !important;
	padding:0 5px;    
	z-index: 123456785000;
    top: 50%;
    margin-top: -3.8em;}
.weui-icon_toast {
    margin-top:10px;
}
.weui-toast__content {
    margin: 0 0 10px;

}
/*reset end*/

/*媒体查询改变根标签font-size*/
html {
    font-size: 62.5%; /*10÷16=62.5%   1rem=10px*/
}
/* @media only screen and (min-width: 481px){
    html {
        font-size: 94%!important; 15.04÷16=94%  1rem=15.04px
    }
}
@media only screen and (min-width: 561px){
    html {
        font-size: 109%!important; 17.44÷16=109%  1rem=17.44px
    }
}
@media only screen and (min-width: 641px){
    html {
        font-size: 125%!important; 20÷16=125%  1rem=20px
    }
} */
/* html {
    font-size : 20px;
}
@media only screen and (min-width: 401px){
    html {
        font-size: 25px !important;
    }
}
@media only screen and (min-width: 428px){
    html {
        font-size: 26.75px !important;
    }
}
@media only screen and (min-width: 481px){
    html {
        font-size: 30px !important; 
    }
}
@media only screen and (min-width: 569px){
    html {
        font-size: 35px !important; 
    }
}
@media only screen and (min-width: 641px){
    html {
        font-size: 40px !important; 
    }
} */
/*外框架*/
.loginContainer{
	padding:0 2.5rem; /*登录页*/
}
.container{
	padding:0 1.28rem; /*其他页*/
}

/*字号大小 注：‘30/750’在宽度为750px的页面上字大30px*/

	/* 手机号、验证码、费率、服务费 、已充电量、充电时间、当前费率 30/750*/
	.fs15{ 
		font-size:15px;
	}
	/*发送验证码按钮、桩号、开始时间、交流 220V、充电金额：、
	请确认插好充电枪或充电线后点击开始充电按钮 、已充电量、时间、金额均为预估，以实际账单金额为准
	已充电量和充电时间和当前费率下面的数字、28/750*/
	/*14px*/
	.fs14{
		font-size:14px;
	}
	.fs13{
		font-size: 13px;
	}
	/*登录按钮、开始充电按钮、结束充电按钮、订单编号：124678555、充电站名称（环球中心充电站）
	、费用明细、确认支付按钮 32/750*/
	.fs16{
		font-size:16px;
	}
	/*验证码输入错误toast、确认结束按钮 34/750*/
	.fs17{
		font-size:17px;
	}
	/*订单总价：后的数字。38/750*/
	.fs18{
		font-size:18px;
	}
	.fs20{
		font-size:20px;
	}
	/*充电中、 68/750*/
	.fs34{
		font-size:34px;
	}
	/*充电金额数字、 58 /750*/
	.fs28{
		font-size:28px;
	}

/*字体颜色*/
	.colorfff{
		color:#fff;
	}
	.color333{
		color:#333333;
	}
	.color666{
		color:#666666;
	}
	.color888{
		color:#888888;
	}
	.colorBlue{
		color:#1070d3;
	}
	.colorOrange{
		color:#ff7f18;
	}
    .colorGray{
        color: #999A9C;
    }
    .color999{
        color: #999999;
    }
    .colorBlack{
    	color:#444547;
    }
    .colorBlue{
    	color:#1070d3;
    }
	.colorRed{ color: #f64343; }
    /*白色字*/
    .colorW1{
        color: #C3E5FB;
    }
    .colorW2{
        color: #A8DBFE;
    }
    .colorW3{
        color: #fff;
    }
    .colorB1{
    	color:#3C84D7;
    }
    .colorB377AC1{
    	color:#377AC1;
    }
    .colorC7C8CA{
    	color: #C7C8CA;
    }
	.colorG2{
		color: #AFAFB0;
	}
	.colorG3{
		color:#939496;
	}
	.color6B6B6B{
		color:#6B6B6B;
	}
	.color68{
		color:#686868;
	}
	.colorff9c00{
		color:#ff9c00;
	}
/*背景*/
.bg-blue{
	background-color:#1070d3;
}
/*边距*/
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr15{margin-right:15px;}
.mr28{margin-right:28px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pl5{padding-left:5px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pl20{padding-left:20px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pl24{padding-left: 24px;}
.pl30{padding-left: 30px;}
.pr30{padding-right: 30px;}
.pl10{
	padding-left: 10px;
}
.pr10{
	padding-right: 10px;
}
.pl15{
	padding-left: 15px;
}
.pr15{
	padding-right: 15px;
}
.ptb1{padding:1rem 0;}
/*浮动 */
	.fl{
		float:left;
	}
	.fr{
		float:right;
	}
/*字体水平位置*/
    .textLeft{ text-align: left; }
    .textCenter{ text-align: center; }
    .textRight{ text-align: right; }


/*清除浮动*/
	.clearfix:after{
		content:".";
		display:block;
		overflow:hidden;
		height:0;
		clear:both;
		visibility:hidden;
	}
/*字体weight*/
.fwn{
    font-weight: normal;
}
.fwb{
    font-weight: bold;
}
/*text位置*/
.text-l{
    text-align: left;
}
.text-r{
    text-align: right;
}
.text-c{
    text-align: center;
}

#dialog1 .padding-lr-reset{
padding-left:0; 
padding-right:0; 
}
/*1px边框*/
.bd-t{
	border-top:1px solid #d9dbdc;
}
.bd-b{
	border-bottom:1px solid #d9dbdc;
}
.bd-r{
	border-right:1px solid #d9dbdc;
}
.bd-l{
	border-left:1px solid #d9dbdc;
}
.bdl{
	border-left: 1px solid #E5E6E8;
}
.bdb-1{
	border-bottom: 1px solid #E5E6E8; 
}
/*单行文本溢出*/
.ellip{
	 display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden; 
	/* text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden; */
}
.text-align{
	vertical-align:middle;}
/*flex*/
.flex{
	display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.flex1{
	-webkit-flex:1;
	-webkit-box-flex:1;
	flex:1;
}
/*箭头*/
.arrowR:after{
    content: " ";
    display: inline-block;
    height: 0.5em;
    width: 0.5em;
    border-width: 2px 2px 0 0;
    border-color: #888;
    border-style: solid;
    -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
    transform: matrix(.71,.71,-.71,.71,0,0);
}
/*confirm样式*/
#weird_confirm i.icon.excl{
	display: inline-block;
	vertical-align: middle;
    width: 30px;
    height: 30px;
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
    background-size: 300%;
    background-position: -19px -14px;
    margin-right:8px;
}
#weird_confirm .content{
	vertical-align: middle;
}
.noborder{
	border: none!important;

}